Adwaita: some dialog love
authorLapo Calamandrei <calamandrei@gmail.com>
Fri, 15 Jan 2016 16:56:49 +0000 (17:56 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Fri, 15 Jan 2016 16:57:25 +0000 (17:57 +0100)
addresses https://bugzilla.gnome.org/show_bug.cgi?id=760525

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index 39cad8b804bf93aa558fd34ccf8f6d49eb246f66..b76df79e905db3af4510ea86e63b4561ccb62bb8 100644 (file)
@@ -3031,19 +3031,16 @@ calendar {
  * Dialogs *
  ***********/
 
-messagedialog .dialog-action-area button {
-  padding: 8px;
-}
-
 messagedialog { // Message Dialog styling
-  @if $variant==light {
-    // the bright variant as a slightly darker bg which in this case clashes with the window decoration, overriding
-    &.background { background-color: $bg_color; }
-  }
-
   .titlebar {
+    min-height: 20px;
+    background-image: none;
+    background-color: $bg_color;
     border-style: none;
-    box-shadow: inset 0 1px $borders_edge;
+    border-top-left-radius: 7px;
+    border-top-right-radius: 7px;
+
+    .title { font-size: 0; } // squash the label
   }
 
   &.csd { // rounded bottom border styling for csd version
@@ -3054,7 +3051,7 @@ messagedialog { // Message Dialog styling
     }
 
     .dialog-action-area button {
-      padding: 12px;
+      padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround
       border-radius: 0;
       @include button(normal, $edge:none);
       @extend %middle_button;
@@ -3140,7 +3137,7 @@ messagedialog { // Message Dialog styling
   }
 }
 
-GtkFileChooserDialog {
+filechooser {
   .dialog-action-box {
     border-top: 1px solid $borders_color;
 
index 4959bc43f13bb1603c87fdc04f1980a654e6e242..91980a093a606e294da671c534930396cb1219e5 100644 (file)
@@ -3933,19 +3933,20 @@ calendar {
 /***********
  * Dialogs *
  ***********/
-messagedialog .dialog-action-area button,
-messagedialog .dialog-action-area .titlebar button.titlebutton,
-.titlebar messagedialog .dialog-action-area button.titlebutton {
-  padding: 8px; }
-
 messagedialog .titlebar {
+  min-height: 20px;
+  background-image: none;
+  background-color: #393f3f;
   border-style: none;
-  box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); }
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px; }
+  messagedialog .titlebar .title {
+    font-size: 0; }
 messagedialog.csd.background {
   border-bottom-left-radius: 9px;
   border-bottom-right-radius: 9px; }
 messagedialog.csd .dialog-action-area button {
-  padding: 12px;
+  padding: 10px 14px;
   border-radius: 0;
   color: #eeeeec;
   outline-color: rgba(238, 238, 236, 0.3);
@@ -4129,9 +4130,9 @@ messagedialog.csd .dialog-action-area button:first-child {
   border-bottom-left-radius: 7px;
   -gtk-outline-bottom-left-radius: 5px; }
 
-GtkFileChooserDialog .dialog-action-box {
+filechooser .dialog-action-box {
   border-top: 1px solid #1c1f1f; }
-  GtkFileChooserDialog .dialog-action-box:backdrop {
+  filechooser .dialog-action-box:backdrop {
     border-top-color: #1f2222; }
 
 /***********
index 496d06c7243891bf11a55695839d4c67e48d4aa0..b6ec6cd49641293cdb60bc01d189f7a755ac11a5 100644 (file)
@@ -4107,21 +4107,20 @@ calendar {
 /***********
  * Dialogs *
  ***********/
-messagedialog .dialog-action-area button,
-messagedialog .dialog-action-area .titlebar button.titlebutton,
-.titlebar messagedialog .dialog-action-area button.titlebutton {
-  padding: 8px; }
-
-messagedialog.background {
-  background-color: #e8e8e7; }
 messagedialog .titlebar {
+  min-height: 20px;
+  background-image: none;
+  background-color: #e8e8e7;
   border-style: none;
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px; }
+  messagedialog .titlebar .title {
+    font-size: 0; }
 messagedialog.csd.background {
   border-bottom-left-radius: 9px;
   border-bottom-right-radius: 9px; }
 messagedialog.csd .dialog-action-area button {
-  padding: 12px;
+  padding: 10px 14px;
   border-radius: 0;
   color: #2e3436;
   outline-color: rgba(46, 52, 54, 0.3);
@@ -4305,9 +4304,9 @@ messagedialog.csd .dialog-action-area button:first-child {
   border-bottom-left-radius: 7px;
   -gtk-outline-bottom-left-radius: 5px; }
 
-GtkFileChooserDialog .dialog-action-box {
+filechooser .dialog-action-box {
   border-top: 1px solid #9d9d99; }
-  GtkFileChooserDialog .dialog-action-box:backdrop {
+  filechooser .dialog-action-box:backdrop {
     border-top-color: #a5a5a1; }
 
 /***********